<template>
	<div id='IndexCourseList'>
		<div v-for="item in dataList"  class="course_list" @click="goCourseClass(item)">
			<div class="course_lsit_left">
				<div class="course_lsit_left_bk"></div>
				<img class="course_list_img" :src="item.title_img" alt="" />
				<img class="course_list_img_icon" v-if="item.status==1" src="../../assets/index_3.png" alt="" />
				<img class="course_list_img_icon"  v-else-if="item.status==2" src="../../assets/index_4.png" alt="" />
			</div>
			
			<div class="list_right">
				<div class="list_right_title c_text_ellipsis_2">{{item.title}}</div>
				<div v-if="item.is_require_pwd==1" class="list_right_label list_right_label_pas" style="color: #C59539;">
					<div class="list_right_label_money" style="color: #13DD72;">{{item.price>0?item.price:'免费'}}</div>
					<div style="color: #35BF7E;">已加密</div>
				</div>
				<!--<div v-else-if="item.is_paid==1" class="list_right_label" style="color: #EE2B32;">已购买</div>-->
				<div v-else class="list_right_label" :style="{color: item.price>0?'#35BF7E':'#13DD72'}">{{item.price>0?'￥'+item.price:'免费'}}</div>
				<!--<div v-else class="list_right_label" style="color: #13DD72;">免费</div>-->
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'IndexCourseList',
		props: {
			dataList: {
				default:function(){
					return []
				},
			},
			showPopToast:{
				default:false,
			}
			
		},
		components:{
			
		},
		data(){
			return {
				
			}
		},
		created() {
		},
		watch: {
			
		},
		computed: {
			
		},
		mounted(){
			document.title=''
		},
		methods:{
			goCourseClass(item){
				this.$emit('goCourseClass',item)
			}
		}
	}
</script>

<style lang="scss">
	@import './IndexCourseList.scss';
</style>